<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="<%=basePath%>/style/main.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/style20.css" type="text/css"
			rel="stylesheet" />
		<link href="images/favicon.ico" type="image/x-icon"
			rel="shortcut icon" />
		<link href="<%=basePath%>/style/ie6.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/pagination.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/jquery.rating.css" type="text/css"
			rel="stylesheet" />
		<script language="javascript"
			src="<%=basePath%>/script/jquery1.3.2.js" type="text/javascript"></script>
		<script language="javascript"
			src="<%=basePath%>/script/jquery.pagination.js"
			type="text/javascript"></script>
		<script language="javascript" src="<%=basePath%>/editor/xheditor.js"
			type="text/javascript"></script>
		<script language="javascript" src="<%=basePath%>/script/jquery.rating.js"
			type="text/javascript"></script>
		<script language="javascript" type="text/javascript">
			$(document).ready(function(){
				/* 分页插件Pagination */
				var _total_num = $("#total").val();
				var _infoItem_id = $("#infoItemId").val();
				$("#pagination").pagination(_total_num, {
							items_per_page : 10,
							next_show_always : false,
							prev_show_always : false,
							callback : pageselectCallback
						});
				function pageselectCallback(page_index, jq) {
					$.ajax({
								type : "POST",
								dataType : "html",
								url : "<%=basePath%>/info/page",
								data : {
									id : _infoItem_id,
									page_index : page_index,
									maxResult : 10
								},
								success : function(data) {
									$("#item-comment-reply-list").html(data);
								}
							});
				}
				/* 评论的ajax回复提交 */
				$('#forumApplySubmitBtn:a').click(function() {
						/* 防止无内容提交 */
						if($(".xheditor-simple").val()==""){return false;}
						$("#forumApplyForm").ajaxSubmit(forum_reply);
						return false;
					});
				/* ajax评论提交 */
				var forum_reply= {
					success : function(data){
						$("#item-comment-reply-list:last").append(data).fadeIn("slow");
						document.form.reset();
					}
				};
			});
		</script>
	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>

		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w8">
					<div class="section s1">
						<!-- 店铺介绍 begin -->
						<div class="box homepage-videos">
							<div class="box-hdr">
								<div class="box-hdr-bg">
									&nbsp;
								</div>
								<div class="box-hdr-inner">
									<h2>
										店铺名称
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												<a class="action-text"
													href="http://www.hyves.nl/video/mostviewed/">收藏本页 </a>
											</li>
											<li>
												<a class="action-text"
													href="http://www.hyves.nl/video/mostviewed/">推荐给朋友 </a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg">
									&nbsp;
								</div>
								<div class="box-con-inner BaseInfo">
									<div class="info">
										<div class="l">
											<a
												href="http://c1.city.qq.com/gallery/upload/200911/27/13/644eca4b71803d6f4039918929c5bef6.jpg"
												target="_blank"> <img
													src="http://c1.city.qq.com/gallery/upload/200911/27/13/644eca4b71803d6f4039918929c5bef6_small.jpg"
													width="194" height="144" alt="" border="0" /> </a>
											<div class="vote" align="center">
												<a href="javascript:void(0);" onclick="goCommend('2260');">我推荐</a>(
												<span id="commend_count">22</span>人)
												<a href="javascript:void(0);"
													onclick="cancelCommend('2260');">我不推荐</a>(
												<span id="not_commend_count">32</span>人)
											</div>
											<h3>
												特色菜品：
											</h3>
											<p>
												<a
													href="/eat/search/tag/%E5%A5%A5%E5%B0%94%E8%89%AF%E7%83%A4%E7%BF%85"
													target="_blank">奥尔良烤翅</a>
												<a
													href="/eat/search/tag/%E7%85%A7%E7%83%A7%E9%B8%A1%E8%82%89%E9%A5%AD"
													target="_blank">照烧鸡肉饭</a>
												<a
													href="/eat/search/tag/%E4%BB%80%E9%94%A6%E6%9E%9C%E8%94%AC%E6%8A%AB%E8%90%A8"
													target="_blank">什锦果蔬披萨</a>
												<a
													href="/eat/search/tag/%E6%B5%B7%E9%99%86%E5%8F%8C%E9%B2%9C%E6%AF%94%E8%90%A8"
													target="_blank">海陆双鲜比萨</a>
												<a
													href="/eat/search/tag/%E8%8D%89%E8%8E%93%E5%B7%A7%E5%85%8B%E5%8A%9B%E8%96%84%E9%A5%BC"
													target="_blank">草莓巧克力薄饼</a>
											</p>
										</div>

										<div class="r">
											<p>
												比格餐厅是经营大众化西餐的意式休闲餐厅。以自助比萨为主，兼营零点及外卖。精致美味、丰富多样的百余款食品供顾客随意盛取不限量；休闲浪漫的环境、温暖周到的服务让顾客轻松惬意无拘束。全开放舞台式厨房，顷刻间让顾客置身比萨的故乡——意大利那不勒斯的小镇，边享受各式美味，边欣赏制作比萨的过程；独创的比格“比萨吧”，既能让厨师量身定做顾客喜爱的比萨，又能接受厨师专业指导，自己动手DIY比萨。
												<br />
												比格重庆餐厅11月3日开业，自开业之日期至11月30日每周一至周五的午餐自助比萨仅需39元，在活动期间凡到店消费的顾客可与参与幸运大抽奖活动，儿童、老人半价享用自助餐，还等什么？到比格畅享百余款美食吧！
											</p>
											<div class="bgline"></div>
											<ul>
												<li class="b">
													<span>人均消费：45 元</span>
												</li>
												<li>
													菜系：
													<a
														href="/eat/search/main/%E5%BC%82%E5%9B%BD%E9%A3%8E%E5%91%B3%E9%A4%90%E5%8E%85"
														target="_blank">异国风味餐厅</a>
												</li>
												<li>
													营业时间：日常营业
												</li>
												<li>
													信用卡：支持 停车位：有
												</li>
												<li style="height: 13px; line-height: 1px; font-size: 1px;"></li>
												<li>
													地址：沙坪坝三峡广场嘉茂购物中心四层
												</li>
												<li>
													交通线路：202,201
												</li>
												<li>
													电话：89865575
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 店铺介绍 end -->
						<!-- 图片 begin -->
						<div class="box homepage-videos">
							<div class="box-hdr">
								<div class="box-hdr-bg">
									&nbsp;
								</div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/video/"><span
											class="box-icon icon icon-film">&nbsp;</span> 店铺图片 </a>
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												<a class="action-text"
													href="http://www.hyves.nl/video/mostviewed/">查看所有图片 </a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg">
									&nbsp;
								</div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<ul class="media-list">
											<li class="first">
												<div class="media-item media-sq-medium media-medium">
													<a
														href="http://www.hyves.nl/video/featured/video/790984103/0/sWtL/">
														<img
															src="./Hyves.net - Always in touch with your friends_files/790984103_14_sWtL.jpeg"
															alt="Bart &amp; Rodger speed skieen!"
															title="Bart &amp; Rodger speed skieen!" width="64"
															height="64" /> </a>
													<p>
														Bart &amp;...
													</p>
												</div>
											</li>
											<li>
												<div class="media-item media-sq-medium media-medium">
													<a
														href="http://www.hyves.nl/video/featured/video/783539714/0/CaKj/">
														<img
															src="./Hyves.net - Always in touch with your friends_files/783539714_14_CaKj.jpeg"
															alt="juni 2009" title="juni 2009" width="64" height="64" />
													</a>
													<p>
														juni 2009
													</p>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- 图片 end -->
						<!-- 评论 begin -->
						<div class="box homepage-blogs content-item-list">
							<div class="box-hdr">
								<div class="box-hdr-bg">
									&nbsp;
								</div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/blog/"><span
											class="box-icon icon icon-book-edit">&nbsp;</span> 最新评论 </a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg">
									&nbsp;
								</div>
								<div class="box-con-inner">
									<input id="total" type="hidden" value="${total }" />
									<input id="infoItemId" type="hidden" value="${infoItemId }" />
									
									<div id="item-comment-reply-list">
										<img alt="Loading..." src="<%=basePath%>/images/loading.gif"></img>
									</div>
									
									<div id="pagination" class="pagination paging"></div>
									
									<s:if test="#session.user!=null">
										<div class="box-con-sctn reaction">
											<form name="form"
												action="<%=basePath%>/info/addInfoComment?id=${forum.id }"
												method="post" id="infoCommentReplyForm">
												<textarea class="xheditor-simple" name="forumBody.content"
													rows="12" style="width: 450px"></textarea>
												<input type="radio" class="star" name="infoItemComment.service" value="1"/>
												<input type="radio" class="star" name="infoItemComment.service" value="2"/>
												<input type="radio" class="star" name="infoItemComment.service" value="3"/>
												<input type="radio" class="star" name="infoItemComment.service" value="4"/>
												<input type="radio" class="star" name="infoItemComment.service" value="5"/>
												<br>
												<span class="button primary-button"><span> <input
															id="forumApplySubmitBtn" type="submit" value="回复" /> </span>
												</span>
											</form>
										</div>
									</s:if>
								</div>
							</div>
						</div>
						<!-- 评论 end -->
					</div>
					<!-- section s1 -->
					<div class="section s2">
						<div class="box hq-blog content-item-list">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/blog/"><span
											class="box-icon icon icon-book-edit">&nbsp;</span> 推荐店铺 </a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<!-- THIRD -->
									<div class="box-con-sctn">
										<div class="content-item">
											<div class="avatar small" style="width: 50px; height: 50px;">
												<a class="avatar-link"
													href="http://oranje.hyves.nl/blog/28434796/Hyves_is_Oranje/XyP8/"
													target="_parent"> <img alt="Raymond"
														src="./Hyves.net - Always in touch with your friends_files/42x42_4.jpg"
														class="avatar-img" /> </a>
											</div>
											<h3>
												<a
													href="http://oranje.hyves.nl/blog/28434796/Hyves_is_Oranje/XyP8/"
													target="_parent">Hyves is Oranje!</a>
											</h3>
											<p>
												Vanaf vandaag zijn we officieel communitypartner van het
												Nederlands elftal en...
											</p>
										</div>
									</div>
									<!-- /THIRD -->
									<!-- SECOND -->
									<div class="box-con-sctn">
										<div class="content-item">
											<div class="avatar small" style="width: 50px; height: 50px;">
												<a class="avatar-link"
													href="http://ninabella.hyves.nl/blog/28411050/Hyves_voor_de_Android/sWzR/"
													target="_parent"> <img alt="Nine"
														src="./Hyves.net - Always in touch with your friends_files/42x42_2.jpg"
														class="avatar-img" /> </a>
											</div>
											<h3>
												<a
													href="http://ninabella.hyves.nl/blog/28411050/Hyves_voor_de_Android/sWzR/"
													target="_parent">Hyves op de Android</a>
											</h3>
											<p>
												Zijn broertje Ivo iPhone en zus Betty Blackberry werden al
												eerder voorzien, maar...
											</p>
										</div>
									</div>
									<!-- /SECOND -->
									<!-- FIRST -->
									<div class="box-con-sctn">
										<div class="content-item">
											<div class="avatar small" style="width: 50px; height: 50px;">
												<a class="avatar-link"
													href="http://hyvers.hyves.nl/blog/28012396/Netwerken_aller_landen_verenigt_u/JCiI/"
													target="_parent"> <img alt="Raymond"
														src="./Hyves.net - Always in touch with your friends_files/42x42_4.jpg"
														class="avatar-img" /> </a>
											</div>
											<h3>
												<a
													href="http://hyvers.hyves.nl/blog/28012396/Netwerken_aller_landen_verenigt_u/JCiI/"
													target="_parent">Netwerken aller landen verenigt u</a>
											</h3>
											<p>
												Dilemma nummer 1: Je wilt twitteren om je imago als hippe
												innovator in...
											</p>
										</div>
									</div>
									<!-- /FIRST -->
								</div>
							</div>
						</div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-ftr -->
		</div>

		<jsp:include page="/site/common/footer.jsp"></jsp:include>
	</body>
</html>